 
<template>
  <div class="sign">
    <div class="sign_title df jc-sb">
      <h4>评委签字情况 </h4>
      <lay-button @click="close" size="sm">关闭</lay-button>
    </div>
    <div class="sign_content">
      <div class="sign_content_table">
        <table border v-if="info.meetingSigninEntity">
          <tr>
            <td>评委检验目的</td>
            <td colspan="3">{{ info.meetingSigninEntity.objective ||'-' }}</td>
          </tr>
          <tr>
            <td>会议组织部门</td>
            <td>{{  info.meetingSigninEntity.orgId||'-'}}</td>
            <td style="width: 200px;">主持人</td>
            <td style="width: 200px;">{{ info.meetingSigninEntity.host ||'-'}}</td>
          </tr>
          <tr>
            <td>评吸时间</td>
            <td>{{ info.meetingSigninEntity.meetingTime||'-' }}</td>
            <td>评吸地点</td>
            <td>{{ info.meetingSigninEntity.location||'-' }}</td>
          </tr>
          <tr>
            <td>样品种类</td>
            <td>单料烟</td>
            <td colspan="2">成品烟</td>
          </tr>
          <tr>
            <td>评吸数量（支）</td>
            <td>{{ info.meetingSigninEntity.unblendedAmout||'-' }}</td>
            <td colspan="2">{{ info.meetingSigninEntity.perfectAmount||'-' }}</td>
          </tr>

          <tr>
            <td rowspan="7">评委签字</td>
            <td>序号</td>
            <td>姓名</td> 
            <td>部门</td>
          </tr>
          <tr v-for="(item,index) in info.department" :key="index">
            <td>{{index+1}}</td>
            <td>{{item.name}}</td>
            <td>{{item.org}}</td>
          </tr>
        </table>

        <!-- <table border style="border-top: 0 none;">
          <tr>
            <td rowspan="7">评委签字</td>
            <td>序号</td>
            <td>姓名</td>
            <td>部门</td>
          </tr>
          <tr v-for="item in 6">
            <td>11</td>
            <td>11</td>
            <td>11</td>
          </tr>
        </table> -->
      </div>
    </div>

  </div>
</template>

<script setup lang="ts">
import http from "@/http/index";
import { useRouter, useRoute } from "vue-router";
import { onMounted, ref } from "vue";
const router = useRouter();
const route = useRoute();
const mettingID = route.query.mettingID;
const title = route.query.title;

const info = ref([]);
onMounted(() => {
  get_list();
});

const get_list = async () => {
  //   const res = await http.corsApi(`/smokeMeeting/${mettingID}`, "get", {});
  //   console.log(res);
  //   info.value = res.data;
  //   console.log(info.value);

  const res = await http.corsApi(`/smokeMeeting/meetingSignDetail/${mettingID}`, "get", {});
  console.log(res);
  info.value = res.data;
};

// 关闭
const close = () => {
  router.go(-1);
};
</script>

<style scoped lang="scss">
.sign {
  width: 100%;
  padding: 16px 16px;
  box-sizing: border-box;
  background-color: #fff;
  height: 100%;
  &_title {
  }
  &_content {
    &_table {
      width: 800px;
      min-width: 400px;
      text-align: center;
      table {
        width: 100%;
      }
      td {
        padding: 6px;
        box-sizing: border-box;
      }
    }
  }
}
</style>